<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-control" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<title>开发计划</title>
		<script type="text/javascript" src="../../commonFragment/header.js"></script>
		<script type="text/javascript" src="../../commonFragment/nojs.header.js"></script>
		<script>
			function defaultOperatePlan(value, row, index, field) {
				let html = defaultOperate(value, row, index, field);
			    html +=
					'<a href="#!" data-url="module/develop/lcxm_develop_plan_detail.html?id=' + row.id +
					'" class="btn btn-xs btn-info edit-btn add-multitab " data-title="详情" title="详情" data-toggle="tooltip"><i class="fa fa-eye"></i></a>' 
					;
				return html;
			}
			
		</script>
	</head>
	<body>
		<div class="container-fluid p-t-15">
			<div class="row">
				<div class="col-lg-12">
					<div class="card">
						<div class="card-body">
							<form id="toolbar" class="form-inline">
								<!-- 操作按钮 -->
								<div class="form-group btn-group btn-group-sm " >
									<button type="button" class="btn  btn-success add-multitab" data-id="add-plan-form" data-url="module/develop/lcxm_develop_plan_form.html"
									 data-title="新增开发计划用户">
										<i class="glyphicon glyphicon-plus"></i> 添加
									</button>

									<button class="btn btn-danger bootable-action-post" type="button" data-table="#table" data-href="/develop/plan/batchDelete"
									 data-confirm="确认删除吗">
										<span class="glyphicon glyphicon-trash"></span> 删除
									</button>
								</div>
								<!-- 查询条件 -->
								<div class="form-group">
									<label class="sr-only" for="tableName">名称</label>
									<input type="text" class="form-control input-sm" id="name" name="name" placeholder="请输入计划名称"
									 autocomplete="off">
								</div>

								<div class="form-group">
									<label class="sr-only" for="category">分类</label>
									<select class="form-control input-sm" id="category" name="category" data-value=""
										data-pcode="jhfl">
										<option value="">--请选择分类--</option>
									</select>
								</div>
								<div class="form-group">
									<label class="sr-only" for="status">计划状态</label>
									<select class="form-control input-sm" id="status" name="status" data-value=""
										data-pcode="jhzt">
										<option value="">--请选择状态--</option>
									</select>
								</div>

								<div class="form-group ">
									<button type="button" class="btn btn-primary btn-sm query">
										<i class="glyphicon glyphicon-search"></i> 查询
									</button>
									<button type="button" class="btn btn-info btn-sm reset">
										<i class="glyphicon glyphicon-refresh"></i> 重置
									</button>
								</div>

							</form>
							<table id="table" class="table table-bordered table-hover table-striped bootstrapTable" data-list-url="/develop/plan/list"
							 data-form-url="module/develop/lcxm_develop_plan_form.html" data-del-url="/develop/plan/delete" data-toolbar="#toolbar">
								<thead>
									<tr>
										<th data-checkbox="true"></th>
										<th data-field="name">名称</th>
										<th data-field="category" data-formatter="showDictLable">分类</th>
										<th data-field="status" data-formatter="showDictLable">状态</th>
										<th data-field="progress"  data-formatter="showProgress">进度百分比</th>
										<th data-field="startDate">开始时间</th>
										<th data-field="endDate">结束时间</th>
										<th data-field="createTime" data-sortable="true">创建时间</th>
										<th data-field="operate" data-formatter="defaultOperatePlan" data-events="defaultOperateEvent">操作</th>
									</tr>
								</thead>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>
